当前位置：flash8.0教程－基础教程

名称

《网上调查问卷》的制作过程

预览

《网上调查问卷》的制作方法

【实例说明】：

本例制作一个网上调查问卷动画的效果。

【操作步骤】：

〖一〗、新建文档

1. 单击“文件”/“新建”命令，创建一个新文档；
2. 单击“修改”/“文档”命令；在“文档属性”对话框中设置“尺寸”为400×300，背景色为白色；单击“确定”按钮。

〖二〗、制作“背景层”

1. 双击“图层1”；然后将其命名为“背景层”；
2. 然后单击“文件”/“导入”/“库”；从外面导入一张图片；然后执行“窗口”/“库”命令打开库面板，从中把这张图片放置到舞台中，并调整其大小也刚好为背景层大小；然后选中该图片，按“F8”键打开转换元件对话框，勾选“图形”，单击“确定”按钮将其转换为一个图形元件；最后打开下方的属性面板，在颜色后面选择“Alpha”，并设置为“50%”。并在背景层的第2帧按下F5键插入普通帧。参见下图：

〖三〗、制作“文字层”

1. 单击时间轴上的添加新图层按钮，再添加一个新“图层2”；然后双击“图层2”将其命名为“文字层”；
2. 选择工具栏上的文本工具；然后输入以下文本信息（文本信息包括：“名字”、“年龄”、“性别”、“学历”等等）；参照下图：

1. 制作上面图中的矩形框

（1）选中工具栏上的矩形工具，在“名字”后面拖出一个填充色为白色的矩形框；

（2）参照(1)的方法，再在“年龄”后面也拖出一个填充色为白色的矩形框；

（3）参照(1)的方法，再在“您对于现在的《十天高手速成》教材的建议是:”下面也拖出一个稍大一些的填充色为白色的矩形框；

1. 绘制上面图中的文本框

（1）选中工具栏上的文本工具，打开属性面板；选择“输入文本”、字体颜色选黑色；然后在“名字”后面的矩形框上面拖出一个大小相同的输入文本框；然后选中该输入文本框，在实例名称中命名为“name”;

(2) 选中工具栏上的文本工具，打开属性面板；选择“输入文本”、字体颜色选黑色；然后在“年龄”后面的矩形框上面拖出一个大小相同的输入文本框；然后选中该输入文本框，在实例名称中命名为“age”;

（3）选中工具栏上的文本工具，打开属性面板；选择“输入文本”、字体颜色选黑色；然后在“您对于现在的《十天高手速成》教材的建议是:”下面的矩形框上面拖出一个大小相同的输入文本框；然后选中该输入文本框，在实例名称中命名为“advice”;并且要选择“单行”为“多行”；

〖四〗、制作“组件”层。

1. 添加单选按钮。

※如何打开“组件”面板：单击“窗口”/“组件”命令即可打开组件面板；

※如何打开“组件检查器”面板：单击“窗口”/“组件检查器”命令即可打开组件面板；

为“性别”、“您对教材的感受是”、“你最希望进行的电脑学习是”添加并设置单选按钮。

※添加单选项步骤：

（1）、首先打开“组件”面板；打开“User Interface”文件夹；找到“RadioButton”即为单选按钮项；

(2)、将“RadioButton”从库中拖到“性别”后面；再拖放一个（共拖放两个）。

（3）、用步骤（1）（2）同样的方法在“您对教材的感受是”后面拖放4个单选按钮；

（4）、用步骤（1）（2）同样的方法在“你最希望进行的电脑学习是”后面拖放3个单选按钮；

※设置单选项步骤：

（5）选择“性别”后面的第一个单选按钮；打开“组件检查器”；单击“参数”选项卡；修改文本值，即单击 “label”后面的“Radio Button ”，将其修改为“男”；然后修改组件名，即将“groupName”后面的“radioGroup”修改为“radioGroup”；

(6)用同（5）一样的方法，选中“性别”后面的第二个单选按钮；设置其文本值为“女”；组件名称不变。

（7）、选择“您对教材的感受是”后面的第一个单选按钮；打开“组件检查器”；单击“参数”选项卡；修改文本值，即单击 “label”后面的“Radio Button ”，将其修改为“很特殊”；然后修改组件名，即将“groupName”后面的“radioGroup”修改为“ganshou”；

（8）、选择“您对教材的感受是”后面的第二个单选按钮；打开“组件检查器”；单击“参数”选项卡；修改文本值为 “好”；组件名修改为“ganshou”；

（9）、选择“您对教材的感受是”后面的第三个单选按钮；打开“组件检查器”；单击“参数”选项卡；修改文本值为 “一般”；组件名修改为“ganshou”；

（10）、选择“您对教材的感受是”后面的第四个单选按钮；打开“组件检查器”；单击“参数”选项卡；修改文本值为 “差”；组件名修改为“ganshou”；

（11）、选择“你最希望进行的电脑学习是”后面的第一个单选按钮；打开“组件检查器”；单击“参数”选项卡；修改文本值，即单击 “label”后面的“Radio Button ”，将其修改为“花费较低的专门培训”；然后修改组件名，即将“groupName”后面的“radioGroup”修改为“xiwang”；

（12）、选择“你最希望进行的电脑学习是”后面的第二个单选按钮；打开“组件检查器”；单击“参数”选项卡；修改文本值为“花费较高的专门培训”；修改组件名为“xiwang”；

（13）、选择“你最希望进行的电脑学习是”后面的第三个单选按钮；打开“组件检查器”；单击“参数”选项卡；修改文本值为“只需要一本合适的教材就行了”；修改组件名为“xiwang”；

1. 添加并设置下拉列表框
2. 添加下拉列表框

（1）、首先打开“组件”面板；打开“User Interface”文件夹；找到“ComboBox”即为下拉列表框项；

（2）、将该项拖放到“学历”后面；选中下拉列表框；打开下面的属性面板，将“实例名称”命名为“wen ”；

1. 设置下拉列表框

（3）、打开“组件检查器”；在“labels”选项后面单击放大镜标志按钮，打开“值”对话框；单击“+”按钮增加9个值。

（4）依次在“值”对话框中输入“小学、初中、高中、中专、大专、大本、硕士、博士、博士后”。

（5）在“.data”选项中输入同样的值，其余参数保持默认设置。

1. 添加并设置滚动条
2. 添加滚动条

1）、首先打开“组件”面板；打开“User Interface”文件夹；找到“ScrollPane”即为滚动条项；

（2）、将该项拖放到“您对于现在的《十天高手速成》教材的建议是”下面的输入文本框上面；选中滚动条项，并变形，使其大小与输入文本框大小相同；

1. 设置滚动条

（3）、打开“组件检查器”；修改“hScrollPolicy”后面的值为“on”；并修改“vPageScrollSize”后面的值为“on”；

1. 添加并设置按钮组件
2. 添加按钮组件

1）、首先打开“组件”面板；打开“User Interface”文件夹；找到“Button”即为按钮项；

（2）、将该项拖放到主场景右下角；

1. 设置按钮组件

（3）、选中该按钮组件；打开“属性”面板，将其实例名称命名为“onclick”；打开“组件检查器”；修改“label”后面的值为“回答”；

〖四〗、制作“调查结果”图层

1. 选中“组件”层；单击时间轴上的“添加新图层”按钮，再添加一个新“图层3”；然后双击“图层3”将其命名为“调查结果”；
2. 选中该层第二帧；按F7键插入“空白关键帧”；然后在该帧输入“调查结果”四个字；
3. 在“调查结果”文字下面拖动绘制一个动态文本框；打开“属性”面板，选择“动态文本框”、“多行”、并设置其变量名为“_root.result”。
4. 在文本框下方利用“组件面板”创建一个按钮组件，并在“属性”面板中将其实例名称命名为“onclick1”，并在“组件检查器中”将“label”设值为“返回”；

〖五〗、为帧与按钮添加Action语句

1. 选中“调查结果”图层的“第1帧”，打开动作面板为其添加如下语句；

stop();

1. 选中“组件”图层的“回答”按钮，打开动作面板为其添加如下语句

on (click) {

if (_root.lian.getValue() == true) {

text = "是";

} else {

text = "否";

}

//根据组件“lian”的取值决定变量“text”的显示内容

_root.result = "姓名:"+_root.name.text+"\r年龄:"+_root.age.text+"\r文化程度:"+_root.wen.getValue()+"\r性别:"+_root.radioGroup.getValue()+"\r感受:"+_root.ganshou.getValue()+"\r希望:"+_root.xiwang.getValue()+"\r建议:"+_root.advice.text;

//提取各个输入文本框的值以及各组件实例的选择值，并以字符串的形式显示在第二个页面的_root.result

_root.gotoAndStop(2);

//跳转并停止到第2帧

}

1. 选中“调查结果”图层的“返回”按钮，打开动作面板为其添加如下语句

on (click) {

_root.gotoAndStop(1);

//单击返回按钮将返回到第一个页面

}

〖六〗、按“Ctrl+Enter ”键测试动画。